<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文本样式设置</title>
        <style>
           
        </style>
    </head>
    <body>
        <div>未进行任何文本设置时字体的样式</div>
        <div style="color:#5ab00c">用16进制设置颜色</div>
        <div style="color:green">用英文关键字设置颜色</div>
        <div style="color:rgb(200,100,200)">用RGB代码设置颜色</div>
        <div style="color:rgb(50%,40%,30%)">用RGB百分比设置颜色</div>
        <div id="zt">进行字体设置后</div>
        <div id="zh">用像素进行字号设置后,24px</div>
        <div id="zh2">用em进行字号设置后,1.5em</div>
        <div id="style1">设置斜体后</div>
        <div id="style2">设置偏斜体后</div>
        <div id="weight1">设置粗体后</div>
        <div id="weight2">设置粗细为400</div>
        <div><span  id="big">普通的字母ABcd</span><span id="big2">小型的大写字母ABcd</span></div>
        <div id="fh">这是加粗倾斜的黑体28像素的文字</div>
    </body>
</html>